<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/topnav.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/carousel.css">
    <link rel="stylesheet" href="css/service.css">
    <link rel="stylesheet" href="css/showcase.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/right.css">
    <link rel="stylesheet" href="css/info.css">
</head>

<body>
    <!-- 顶部信息开始 -->
    <div class="topnav">
        <div class="container clearfix">
            <ul class="fl topnav-menu">
                <li class="fl"><a href="">小米商城</a></li>
                <li class="fl"><a href="">MIUI</a></li>
                <li class="fl"><a href="">IoT</a></li>
                <li class="fl"><a href="">云服务</a></li>
                <li class="fl"><a href="">天星数科</a></li>
                <li class="fl"><a href="">有品</a></li>
                <li class="fl"><a href="">小爱开放平台</a></li>
                <li class="fl"><a href="">企业团购</a></li>
                <li class="fl"><a href="">资质证照</a></li>
                <li class="fl"><a href="">协议规则</a></li>
                <li class="fl"><a href="">下载app</a></li>
                <li class="fl"><a href="">智能生活</a></li>
                <li class="fl"><a href="">Select Location</a></li>
            </ul>
            <div class="fr">
                <ul class="fl topnav-menu">
                    <li class="fl"><a href="">登录</a></li>
                    <li class="fl"><a href="">注册</a></li>
                    <li class="fl"><a href="">消息通知</a></li>
                </ul>
                <div class="fl topnav-car">
                    <a href="#">
                        <i class="iconfont">&#xe602;</i>
                        购物车
                        <span>(0)</span>
                    </a>
                    <div class="topnav-car-detail">购物车中还没有商品，赶紧选购吧！</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 顶部信息结束 -->

    <!-- 主导航开始 -->
    <div class="header">
        <div class="container">
            <a class="header-logo fl" href="#">
                <h1>小米商城</h1>
            </a>

            <div class="header-menu">
                <a class="fl" href="">Xiaomi手机</a>
                <a class="fl" href="">Redmi手机</a>
                <a class="fl" href="">电视</a>
                <a class="fl" href="">笔记本</a>
                <a class="fl" href="">平板</a>
                <a class="fl" href="">家电</a>
                <a class="fl" href="">路由器</a>
                <a class="fl" href="">服务中心</a>
                <a class="fl" href="">社区</a>

                <!-- 二级菜单开始 -->
                <div class="header-child">
                    <div class="container clearfix">
                        <a class="fl header-child-item" href="#">
                            <div class="header-child-img"><img src="images/2714d55e6fe4db5e2981f82c5a6b710b.webp"
                                    alt=""></div>
                            <div class="header-child-title">Xiaomi 14 pro</div>
                            <div class="header-child-price">4999元起</div>
                        </a>
                        <a class="fl header-child-item" href="#">
                            <div class="header-child-img"><img src="images/2714d55e6fe4db5e2981f82c5a6b710b.webp"
                                    alt=""></div>
                            <div class="header-child-title">Xiaomi 14 pro</div>
                            <div class="header-child-price">4999元起</div>
                        </a>
                        <a class="fl header-child-item" href="#">
                            <div class="header-child-img"><img src="images/35f352268526045e077a230802beb588.webp"
                                    alt=""></div>
                            <div class="header-child-title">Xiaomi 14 pro</div>
                            <div class="header-child-price">4999元起</div>
                        </a>
                        <a class="fl header-child-item" href="#">
                            <div class="header-child-img"><img src="images/b4846501f1e9be04d6d2e859deb0d80e.webp"
                                    alt=""></div>
                            <div class="header-child-title">Xiaomi 14 pro</div>
                            <div class="header-child-price">4999元起</div>
                        </a>
                        <a class="fl header-child-item" href="#">
                            <div class="header-child-img"><img src="images/2874cb04f16cdca6e3f2a542b6bc5e8a.webp"
                                    alt=""></div>
                            <div class="header-child-title">Xiaomi 14 pro</div>
                            <div class="header-child-price">4999元起</div>
                        </a>
                        <a class="fl header-child-item" href="#">
                            <div class="header-child-img"><img src="images/3c130b71f2edfafbc61c38f1325cd60e.webp"
                                    alt=""></div>
                            <div class="header-child-title">Xiaomi 14 pro</div>
                            <div class="header-child-price">4999元起</div>
                        </a>
                    </div>
                </div>
                <!-- 二级菜单结束 -->
            </div>

            <form class="header-search fr">
                <input class="fl" type="text" placeholder="手机">
                <button class="header-searchicon fl">
                    <i class="iconfont">&#xeafe;</i>
                </button>
                <div class="header-suggest">
                    <a href="#">电视</a>
                    <a href="#">洗衣机</a>
                    <a href="#">耳机</a>
                    <a href="#">冰箱</a>
                    <a href="#">空气净化器</a>
                    <a href="#">红米</a>
                    <a href="#">路由器</a>
                    <a href="#">打印机</a>
                </div>
            </form>
        </div>
    </div>
    <!-- 主导航结束 -->

    <!-- 轮播图开始 -->
    <div class="carousel container">
        <a href="">
            <img src="" alt="">
        </a>
        <div class="carousel-leftarrow carousel-arrow">
            <i class="iconfont">&#xe660;</i>
        </div>
        <div class="carousel-rightarrow carousel-arrow">
            <i class="iconfont">&#xe65f;</i>
        </div>
        <div class="carousel-indicator">
            <!-- <span class="fl carousel-selected"></span>
            <span class="fl"></span>
            <span class="fl"></span> -->
        </div>

        <!-- 轮播图菜单开始 -->
        <ul class="carousel-menu">
            <li>
                <div class="carousel-item clearfix">
                    <span class="fl">手机</span>
                    <i class="iconfont fr">&#xe65f;</i>
                </div>
                <div class="carousel-submenue">
                    <a href="">
                        <img class="fl" src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span class="fl">Xiaomi MAX系列</span>
                    </a>
                    <a href="">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="">
                        <img class="fl" src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span class="fl">Xiaomi MAX系列</span>
                    </a>
                    <a href="">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="">
                        <img class="fl" src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span class="fl">Xiaomi MAX系列</span>
                    </a>
                    <a href="">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="">
                        <img class="fl" src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span class="fl">Xiaomi MAX系列</span>
                    </a>
                    <a href="">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="">
                        <img class="fl" src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span class="fl">Xiaomi MAX系列</span>
                    </a>
                    <a href="">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="">
                        <img class="fl" src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span class="fl">Xiaomi MAX系列</span>
                    </a>
                    <a href="">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="">
                        <img class="fl" src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span class="fl">Xiaomi MAX系列</span>
                    </a>
                    <a href="">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>


                </div>
            </li>
            <li>
                <div class="carousel-item clearfix">
                    <span class="fl">电视</span>
                    <i class="iconfont fr">&#xe65f;</i>
                </div>
                <div class="carousel-submenue">
                    <a href="javascript:void(0);">
                        <img class="fl" src="images/a4b477b5e44c1b9eb7d75c55f1c3f440.webp" alt="">
                        <span class="fl">Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/a4b477b5e44c1b9eb7d75c55f1c3f440.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/a4b477b5e44c1b9eb7d75c55f1c3f440.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/a4b477b5e44c1b9eb7d75c55f1c3f440.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/a4b477b5e44c1b9eb7d75c55f1c3f440.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/a4b477b5e44c1b9eb7d75c55f1c3f440.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/a4b477b5e44c1b9eb7d75c55f1c3f440.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/a4b477b5e44c1b9eb7d75c55f1c3f440.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/a4b477b5e44c1b9eb7d75c55f1c3f440.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/a4b477b5e44c1b9eb7d75c55f1c3f440.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/a4b477b5e44c1b9eb7d75c55f1c3f440.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="carousel-item clearfix">
                    <span class="fl">家电</span>
                    <i class="iconfont fr">&#xe65f;</i>
                </div>
                <div class="carousel-submenue">
                    <a href="javascript:void(0);">
                        <img class="fl" src="images/91ccbb3270bcfd72a3c3ae98f15aed9d.webp" alt="">
                        <span class="fl">Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/91ccbb3270bcfd72a3c3ae98f15aed9d.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/91ccbb3270bcfd72a3c3ae98f15aed9d.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/91ccbb3270bcfd72a3c3ae98f15aed9d.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/91ccbb3270bcfd72a3c3ae98f15aed9d.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/91ccbb3270bcfd72a3c3ae98f15aed9d.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="carousel-item">
                    <span class="fl">笔记本 平板</span>
                    <i class="iconfont fr">&#xe65f;</i>
                </div>
                <div class="carousel-submenue">
                    <a href="javascript:void(0);">
                        <img class="fl" src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span class="fl">Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="carousel-item">
                    <span class="fl">出行 穿戴</span>
                    <i class="iconfont fr">&#xe65f;</i>
                </div>
                <div class="carousel-submenue">
                    <a href="javascript:void(0);">
                        <img class="fl" src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span class="fl">Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="carousel-item">
                    <span class="fl">耳机 音箱</span>
                    <i class="iconfont fr">&#xe65f;</i>
                </div>
                <div class="carousel-submenue">
                    <a href="javascript:void(0);">
                        <img class="fl" src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span class="fl">Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="carousel-item">
                    <span class="fl">健康 儿童</span>
                    <i class="iconfont fr">&#xe65f;</i>
                </div>
                <div class="carousel-submenue">
                    <a href="javascript:void(0);">
                        <img class="fl" src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span class="fl">Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="carousel-item">
                    <span class="fl">生活 箱包</span>
                    <i class="iconfont fr">&#xe65f;</i>
                </div>
                <div class="carousel-submenue">
                    <a href="javascript:void(0);">
                        <img class="fl" src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span class="fl">Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="carousel-item">
                    <span class="fl">智能 路由器</span>
                    <i class="iconfont fr">&#xe65f;</i>
                </div>
                <div class="carousel-submenue">
                    <a href="javascript:void(0);">
                        <img class="fl" src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span class="fl">Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="carousel-item">
                    <span class="fl">电源 配件</span>
                    <i class="iconfont fr">&#xe65f;</i>
                </div>
                <div class="carousel-submenue">
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="images/d989ce63c679d0e9e8cf64397cef588a.webp" alt="">
                        <span>Xiaomi MAX系列</span>
                    </a>

                </div>
            </li>


        </ul>
        <!-- 轮播图菜单结束 -->
    </div>
    <!-- 轮播图结束 -->

    <!-- 服务区开始 -->
    <div class="service container">
        <div class="service-sub fl">
            <a href="">
                <i class="iconfont">&#xe642;</i>
                <span>保障服务</span>
            </a>
            <a href="">
                <i class="iconfont">&#xe646;</i>
                <span>企业团购</span>
            </a>
            <a href="">
                <i class="iconfont">&#xef50;</i>
                <span>F码通道</span>
            </a>
            <a href="">
                <i class="iconfont">&#xe71f;</i>
                <span>米粉卡</span>
            </a>
            <a href="">
                <i class="iconfont">&#xe73a;</i>
                <span>以旧换新</span>
            </a>
            <a href="">
                <i class="iconfont">&#xe692;</i>
                <span>话费充值</span>
            </a>
        </div>
        <div class="service-banner">
            <a class="fl" href=""><img src="images/service1.png" alt=""></a>
            <a class="fl" href=""><img src="images/service2.jpg" alt=""></a>
            <a class="fl" href=""><img src="images/service3.png" alt=""></a>
        </div>

    </div>
    <!-- 服务区结束 -->

    <!-- 产品橱窗区开始 -->
    <div class="showcase">

        <!-- 橱窗banner开始 -->
        <a class="showcase-banner container" href="javascript:void(0);">
            <img src="images/a2011078db9b3708d3caae52df7be3cc.webp" alt="">
        </a>
        <!-- 橱窗banner结束 -->

        <!-- 橱窗一楼开始 -->
        <div class="showcase-first container">
            <div class="showcase-title">
                <h1 class="fl">手机</h1>
                <a class="fr" href="#">查看更多<i class="iconfont fr">&#xe65f;</i></a>
            </div>

            <div class="showcase-product">
                <a class="fl showcase-product-tu" href="#">
                    <img src="images/414cb0e8ff030c0dacff7531d720955e.webp" alt="">
                </a>

                <ul class="showcase-productlist fl">
                    <li class="fl">
                        <a href="">
                            <img src="images/2e920ac7e3d197923acbd6388b80cc49.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/2e920ac7e3d197923acbd6388b80cc49.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/2e920ac7e3d197923acbd6388b80cc49.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/2e920ac7e3d197923acbd6388b80cc49.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/2e920ac7e3d197923acbd6388b80cc49.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/2e920ac7e3d197923acbd6388b80cc49.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/2e920ac7e3d197923acbd6388b80cc49.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/2e920ac7e3d197923acbd6388b80cc49.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 橱窗一楼结束 -->

        <!-- 橱窗二楼开始 -->
        <div class="showcase-first container">
            <div class="showcase-title">
                <h1 class="fl">智能穿戴</h1>
                <div class="showcase-menu fr">
                    <a class="fl active" href="#">耳机</a>
                    <a class="fl" href="#">穿戴</a>
                </div>
            </div>

            <div class="showcase-product">
                <a class="fl showcase-product-tu" href="#">
                    <img src="images/d06749930da27e8e8248cc69fced088f.webp" alt="">
                </a>

                <ul class="showcase-productlist fl">
                    <li class="fl">
                        <a href="">
                            <img src="images/202311292123_5f019eb3ce2987e60596f7a54630e44c.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/202311292123_5f019eb3ce2987e60596f7a54630e44c.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/202311292123_5f019eb3ce2987e60596f7a54630e44c.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/202311292123_5f019eb3ce2987e60596f7a54630e44c.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/202311292123_5f019eb3ce2987e60596f7a54630e44c.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/202311292123_5f019eb3ce2987e60596f7a54630e44c.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/202311292123_5f019eb3ce2987e60596f7a54630e44c.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/202311292123_5f019eb3ce2987e60596f7a54630e44c.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 橱窗二楼结束 -->

        <!-- 橱窗三楼开始 -->
        <div class="showcase-first container">
            <div class="showcase-title">
                <h1 class="fl">笔记本 | 平板</h1>
                <div class="showcase-menu fr">
                    <a class="fl active" href="#">热门</a>
                    <!-- <a class="fl" href="#">穿戴</a> -->
                </div>
            </div>

            <div class="showcase-product">
                <a class="fl showcase-product-tu" href="#">
                    <img src="images/c89c8e6eee39de0b984309f10eee36d9.webp" alt="">
                </a>

                <ul class="showcase-productlist fl">
                    <li class="fl">
                        <a href="">
                            <img src="images/202311281956_f87f4c37af45c2261e944f57d29e4a03.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/202311281956_f87f4c37af45c2261e944f57d29e4a03.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/202311281956_f87f4c37af45c2261e944f57d29e4a03.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/202311281956_f87f4c37af45c2261e944f57d29e4a03.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/202311281956_f87f4c37af45c2261e944f57d29e4a03.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/202311281956_f87f4c37af45c2261e944f57d29e4a03.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/202311281956_f87f4c37af45c2261e944f57d29e4a03.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/202311281956_f87f4c37af45c2261e944f57d29e4a03.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 橱窗三楼结束 -->

        <!-- 橱窗四楼开始 -->
        <div class="showcase-first container">
            <div class="showcase-title">
                <h1 class="fl">家电</h1>
                <div class="showcase-menu fr">
                    <a class="fl active" href="#">热门</a>
                    <a class="fl" href="#">电视影音</a>
                    <a class="fl" href="#">空调</a>
                </div>
            </div>

            <div class="showcase-product">
                <div class="showcase-left fl">
                    <a class="fl" href="#">
                        <img src="images/3d47879ec183e25a36e67e0219636e60.webp" alt="">
                    </a>
                    <a class="fl" href="#">
                        <img src="images/65e186001431a799d30fa84359f4b84e.webp" alt="">
                    </a>
                </div>

                <ul class="showcase-productlist fl">
                    <li class="fl">
                        <a href="">
                            <img src="images/388b13bf52ab0d6a56bc9f195b5f1dd5.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/388b13bf52ab0d6a56bc9f195b5f1dd5.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/388b13bf52ab0d6a56bc9f195b5f1dd5.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/388b13bf52ab0d6a56bc9f195b5f1dd5.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/388b13bf52ab0d6a56bc9f195b5f1dd5.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/388b13bf52ab0d6a56bc9f195b5f1dd5.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="">
                            <img src="images/388b13bf52ab0d6a56bc9f195b5f1dd5.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li>
                    <!-- <li class="fl">
                        <a href="">
                            <img src="images/202311281956_f87f4c37af45c2261e944f57d29e4a03.webp" alt="">
                            <h3>Redmi K70 Pro</h3>
                            <p>第三代骁龙8 年度旗舰平台</p>
                            <span>3299元起</span>
                        </a>
                    </li> -->
                </ul>
            </div>
        </div>
        <!-- 橱窗四楼结束 -->

        <!-- 橱窗底部banner开始 -->
        <a class="showcase-banner2 container" href="javascript:void(0);">
            <img src="images/88e35cffc82cd98cd53172460067af17.webp" alt="">
        </a>
        <!-- 橱窗底部banner结束 -->

    </div>
    <!-- 产品橱窗区结束 -->

    <!-- 底部开始 -->
    <div class="footer">
        <div class="container">
            <div class="footer-top">
                <a href="javascript:void(0);">
                    <i class="iconfont">&#xe7f1;</i>
                    预约维修服务
                </a>
                <a href="#">
                    <i class="iconfont">&#xe60e;</i>
                    7天无理由退货
                </a>
                <a href="#">
                    <i class="iconfont">&#xe639;</i>
                    15天免费换货
                </a>
                <a href="#">
                    <i class="iconfont">&#xe817;</i>
                    满69包邮
                </a>
                <a href="#">
                    <i class="iconfont">&#xe605;</i>
                    1100余家售后网点
                </a>
            </div>
            <div class="footer-bottom clearfix">
                <div class="footer-links">
                    <!-- <h3>空</h3>
                    <a href="#">手机</a>
                    <a href="#">电视</a>
                    <a href="#">笔记本</a>
                    <a href="#">平板</a>
                    <a href="#">穿戴</a>
                    <a href="#">耳机</a>
                    <a href="#">家电</a>
                    <a href="#">路由器</a>
                    <a href="#">音箱</a>
                    <a href="#">配件</a> -->
                </div>
                <div class="footer-links">
                    <h3>选购指南</h3>
                    <a href="#">手机</a>
                    <a href="#">电视</a>
                    <a href="#">笔记本</a>
                    <a href="#">平板</a>
                    <a href="#">穿戴</a>
                    <a href="#">耳机</a>
                    <a href="#">家电</a>
                    <a href="#">路由器</a>
                    <a href="#">音箱</a>
                    <a href="#">配件</a>
                </div>
                <div class="footer-links">
                    <h3>服务中心</h3>
                    <a href="#">申请售后</a>
                    <a href="#">售后政策</a>
                    <a href="#">维修服务价格</a>
                    <a href="#">订单查询</a>
                    <a href="#">以旧换新</a>
                    <a href="#">保障服务</a>
                    <a href="#">防伪查询</a>
                    <a href="#">F码通道</a>
                </div>
                <div class="footer-links">
                    <h3>线下门店</h3>
                    <a href="#">小米之家</a>
                    <a href="#">服务网点</a>
                    <a href="#">授权体验店/专区</a>
                </div>
                <div class="footer-links">
                    <h3>关于小米</h3>
                    <a href="#">了解小米</a>
                    <a href="#">加入小米</a>
                    <a href="#">投资者关系</a>
                    <a href="#">可持续发展</a>
                    <a href="#">廉洁举报</a>
                </div>
                <div class="footer-links">
                    <h3>关注我们</h3>
                    <a href="#">新浪微博</a>
                    <a href="#">官方微信</a>
                    <a href="#">联系我们</a>
                    <a href="#">公益基金会</a>
                </div>

                <div class="footer-contant fr">
                    <p class="footer-tel">400-100-5678</p>
                    <p class="footer-time">8:00-18:00（仅收市话费）</p>
                    <a href="#">
                        <i class="iconfont">&#xe89c;</i>
                        人工客服
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部结束 -->

    <!-- 底部信息开始 -->
    <div class="info">
        <div class="container">
            <div class="info-logo">小米商城</div>
            <div class="info-links">
                <p style="color: #757575;">
                    <a href="">小米商城</a> |
                    <a href="">小米澎湃OS</a> |
                    <a href="">米家</a> |
                    <a href="">米聊</a> |
                    <a href="">多看</a> |
                    <a href="">游戏</a> |
                    <a href="">音乐</a> |
                    <a href="">政企服务</a> |
                    <a href="">小米天猫店</a> |
                    <a href="">小米集团隐私政策</a> |
                    <a href="">小米公司儿童信息保护规则</a> |
                    <a href="">小米商城隐私政策</a> |
                    <a href="">小米商城用户协议</a> |
                    <a href="">问题反馈</a> |
                    <a href="">Select Location</a> 
                    <br>
                    <a href="">北京互联网法院法律服务工作站</a> |
                    <a href="">中国消费者协会</a> |
                    <a href="">北京市消费者协会</a>
                </p>
                <p>
                    <a href="">© mi.com</a>
                    <a href="">京ICP备10046444</a>
                    <a href="">京公网安备11010802020134号</a>
                    <a href="">京网文[2023]0169-004号</a>
                    <br>
                    <a href="">（京）网械平台备字（2018）第00005号</a>
                    <a href="">互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照</a>
                    <br>
                    <a href="">医疗器械质量公告</a>
                    <a href="">增值电信业务经营许可证编号：京B2-20180851</a>
                    <a href="">网络食品经营备案 京食药网食备202010048</a>
                    <a href="">食品经营许可证</a>
                    <a href="">新出发京批字第直220280号</a>
                    <br>
                    <a href="">违法和不良信息举报电话：171-5104-4404</a>
                    <a href="">知识产权侵权投诉</a>
                </p>
            </div>
            <div class="info-img">
                <a href="#"><img src="images/truste.png" alt=""></a>
                <a href="#"><img src="images/v-logo-2.png" alt=""></a>
                <a href="#"><img src="images/icon3.png" alt=""></a>
                <a href="#"><img src="images/ba10428a4f9495ac310fd0b5e0cf8370.png" alt=""></a>
                <a href="#"><img src="images/98f345d3d67db87716efaec0911264f1.png" alt=""></a>
            </div>
            <div class="info-slogan">探索黑科技，小米为发烧而生</div>
        </div>
    </div>
    <!-- 底部信息结束 -->

    <!-- 右侧悬浮开始 -->
    <div class="right">
        <a href="#">
            <i class="iconfont">&#xe692;</i>
            <span>手机APP</span>
            <div class="right-weixin">
                <img src="images/78c30d4f259ed43ab20e810a522a6249.png" alt="">
                <span>扫码领取新人百元礼包</span>
            </div>
        </a>


        <a href="#">
            <i class="iconfont">&#xe623;</i>
            <span>个人中心</span>
        </a>

        <a href="#">
            <i class="iconfont">&#xe7f1;</i>
            <span>售后服务</span>
        </a>

        <a href="#">
            <i class="iconfont">&#xec2e;</i>
            <span>人工客服</span>
        </a>

        <a href="#">
            <i class="iconfont">&#xe602;</i>
            <span>购物车</span>
        </a>

        <a href="#" class="right-item">
            <i class="iconfont">&#xe65b;</i>
            <span>回顶部</span>
        </a>
    </div>
    <!-- 右侧悬浮结束 -->

    <script src="js/carousel.js"></script>
</body>

</html>